<div class="module-notice-detail">
    <div class="detail-left">
        <h3>
            <i class="list-bg"></i>
            <span>{{$t('newList')}}</span>
        </h3>
        <ul style="min-height: 400px;">
            <li v-for="(item,index) in list" :class="{'active' : param1.assetCode == item.assetCode2 }"
                @click="avtiveNotice(item.assetCode2)">
                <a href="javascript:;">
                    <em>{{item.assetCode2}}</em>
                    <span class="right"></span>
                </a>
            </li>
        </ul>
    </div>
    <div class="detail-right">
        <loading v-if="isLoading === true"></loading>
        <div class="detail-box" v-else>
            <div class="out-top">
                <div class="top">
                    <div @click="fund()" :class="{ active: isActive1 }" class="t-block">基金概况</div>
                    <div @click="disclosure()" :class="{ active: isActive2 }" class="t-block">日常披露</div>
                    <div @click="report()" :class="{ active: isActive3 }" class="t-block">定期报告</div>
                </div>
            </div>
            <template v-if="param1.type == 'PUBLISH'">
                <template v-if="pls == null||pls == ''">
                    <no-data></no-data>
                </template>
                <template v-else>
                    <div class="m-table-flex">
                        <table class="table-cont">
                            <thead class="thead">
                                <tr class="fund-title">
                                    <th><span class="text">编号</span>
                                    </th>
                                    <th><span class="text">基金份额资产净值</span>
                                    </th>
                                    <th><span class="text">添加时间</span></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="" v-for="(item,index) in pls">
                                    <td>{{item.id}}</td>
                                    <td>{{item.usdt}} USDT</td>
                                    <td>{{item.created_at | formatDate }}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <pager :page-no="param1.pageNo" :page-size="param1.pageSize" :on-page-change="changePage"
                        :page-num="pageNum"></pager>
                </template>
            </template>
            <template v-else-if="param1.type == 'FUND'">
                <template v-if="fundListlist.symbol == null||fundListlist.symbol == ''">
                    <no-data></no-data>
                </template>
                <template v-else>
                    <div class="content">
                        <div class="content1">
                            <p class="title">1. 基金名称</p>
                            <p class="sm-title">{{fundListlist.name}}</p>
                        </div>
                        <div class="content1">
                            <p class="title">2. 基金代币字母缩写</p>
                            <p class="sm-title">{{fundListlist.symbol}}</p>
                        </div>
                        <div class="content1">
                            <p class="title">3. 基金代币参数</p>
                            <p class="sm-title">总发行量：{{fundListlist.total}}</p>
                            <p class="sm-title">
                                基金代币分配比例：投资者{{fundListlist.investor_percent}}，基金管理者{{fundListlist.admin_percent}}</p>
                            <p class="sm-title">基金募集期：{{fundListlist.collect_begin}}-{{fundListlist.collect_end}}</p>
                            <p class="sm-title">基金赎回期：{{fundListlist.redeem_begin}}-{{fundListlist.redeem_end}}</p>
                            <p class="sm-title">TFO细则：</p>
                            <p class="sm-title">{{fundListlist.TFO_desc}}</p>
                        </div>
                        <div class="content1">
                            <p class="title">4. 基金代币以太坊智能合约地址</p>
                            <p class="sm-title">{{fundListlist.contract_address}}</p>
                        </div>
                        <div class="content1">
                            <p class="title">5. 基金投资方向或投资策略</p>
                            <p class="sm-title">{{fundListlist.fund_desc}}</p>
                        </div>
                        <div class="content1">
                            <p class="title">6. 基金LOGO</p>
                            <p class="sm-title">
                                <img :src="fundListlist.icon_root+fundListlist.icon" alt="">
                            </p>
                        </div>
                        <div class="content1">
                            <p class="title">7. 基金管理者信息</p>
                            <p class="sm-title">姓名：{{fundListlist.admin_name}}</p>
                            <p class="sm-title">电话：{{fundListlist.admin_mobile}}</p>
                            <p class="sm-title">邮箱：{{fundListlist.admin_email}}</p>
                        </div>
                        <div class="content1">
                            <p class="title">8. 基金管理者简介</p>
                            <p class="sm-title">{{fundListlist.admin_profile}}</p>
                        </div>
                        <div class="content1">
                            <p class="title">9. 基金管理者照片</p>
                            <p class="sm-title">
                                <img :src="fundListlist.photo_root+fundListlist.admin_photo" alt="">
                            </p>
                        </div>
                        <div class="content1">
                            <p class="title">10. 基金管理者营业执照、从业资格证书或者其他资格证明文件（选填）</p>
                            <p class="sm-title">
                                <img v-for="item in fundListlist.admin_cert" class="last-img" :src="fundListlist.cert_root+item" alt="">
                            </p>
                        </div>
                    </div>
                </template>
            </template>
            <template v-else-if="param1.type == 'REPORT'">
                <template v-if="bgs == null||bgs == ''">
                    <no-data></no-data>
                </template>
                <template v-else>
                    <div class="m-table-flex">
                        <table class="table-cont">
                            <thead class="thead">
                                <tr class="fund-title2">
                                    <th><span class="text">编号</span>
                                    </th>
                                    <th><span class="text">报告</span>
                                    </th>
                                    <th><span class="text">时间</span></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="" v-for="(item,index) in bgs">
                                    <td>{{item.id}}</td>
                                    <td class="pfd-title" @click="seePdf(fundListlist.bg_root,item.urls)">
                                        {{item.name}}
                                    </td>
                                    <td>{{item.created_at | formatDate}}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <pager :page-no="param1.pageNo" :page-size="param1.pageSize" :on-page-change="changePage"
                        :page-num="pageNum"></pager>
                </template>
            </template>
        </div>
    </div>

</div>